/* Sticky footer styles
-------------------------------------------------- */

html {
  position: relative;
  min-height: 100%;
}
@media (min-width: 700px) {
	
	.pad{
		padding-left:50px;
		padding-top:50px;
	}
	
	div.menud {
    width: 200px;
    height: 395px;
    -webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s;
	/*line-height: 150px;*/
	padding-left: 1px;
	padding-right: 1px;
	padding-top:2.5px;
	opacity: 0.75;
	background-color: black;
}

	div.logo{
		padding-top:16%;padding-left:24%;padding-right:20px;
	}
	
	img.img-logo{
	content:url("../img/logo.png");
	display: block;
	max-width: 100%;
	height: auto;
}
body {
  background-image: url("../img/fundo.jpg");
  background-attachment: fixed;
  background-size: 100% 110%;
  background-repeat: no-repeat;
  margin-bottom: 60px;
}
body.index {
  background-image: url("../img/fundo.jpg");
  background-attachment: fixed;
  background-size: 100% 110%;
  background-repeat: no-repeat;
  margin-bottom: 60px;
  
  
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 60px;
}

.footer-index {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 100px;
}

}

.espacamento{
	padding:20px
}

img.galeria {
	max-width:500px;
	}

@media (max-width: 699px) {
	
	
	
	div.menud img {
		max-height:300px;
	}
	
	div.menud {
    width: 165px;
    height: 320px;
    -webkit-transition: width 1s, height 1s; /* For Safari 3.1 to 6.0 */
    transition: width 1s, height 1s;
	/*line-height: 150px;*/
	padding-left: 1px;
	padding-right: 1px;
	padding-top:2.5px;
	background-color: black;
}

	body{
		 background-image: url("../img/bgfundo.jpg");
		 background-attachment: fixed;
	}
	img.img-logo{
		content:url("../img/logo.png");
	}
	div.logo{
		padding-top:40%;padding-left:0%;padding-right:0px;
	}

	.footer-index {
	  position: absolute;
	 
	  width: 100%;
	  /* Set the fixed height of the footer here */
	  height: 60px;
	  padding-top:100px;
}
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

body > .container {
  padding: 60px 15px 0;
}
.container .text-muted {
  margin: 20px 0;
}

.footer{
  /*background: -webkit-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,0)); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,0)); /* For Opera 11.1 to 12.0 */
   /* background: -moz-linear-gradient(top, rgba(255,0,0,1), rgba(255,0,0,0)); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to top, navy, rgba(255,0,0,0)); /* Standard syntax (must be last) */
  
}	

.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

code {
  font-size: 80%;
}

div.figura {
  float: right;
  border: thin silver solid;
  margin: 0.5em;
  padding: 0.5em;
  opacity:100!important;
}
div.figura p {
  color: white;
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.contorno{
	color:white!important;
	text-shadow: 1px 1px black, 1px -1px black, 1px 1px black, -1px -1px black!important;
	font-weight: bold!important; font-weight:bold;
	font-family:"Tahoma";
	font-size:0.8em;
	
}

.contorno-footer{
	color:black!important;
	text-shadow: 1px 1px white, 1px -1px white, 1px 1px white, -1px -1px white;
	font-weight: bold!important;
}

.animated {
            -webkit-animation-duration: 4s;
            animation-duration: 4s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
         }
         
         @-webkit-keyframes fadeInDown {
            0% {
               opacity: 0;
               -webkit-transform: translateY(-300px);
            }
            100% {
               opacity: 1;
               -webkit-transform: translateY(0);
            }
         }
         
         @keyframes fadeInDown {
            0% {
               opacity: 0;
               transform: translateY(-300px);
            }
            100% {
               opacity: 1;
               transform: translateY(0);
            }
         }
         
		@-webkit-keyframes fadeLogo {
            0% {
               opacity: 0;
            }
            100% {
               opacity: 1;
            }
         }
         
         @keyframes fadeLogo {
            0% {
               opacity: 0;
            }
            100% {
               opacity: 1;
            }
         }
		 
         .fadeInDown {
            -webkit-animation-name: fadeInDown;
            animation-name: fadeInDown;
         }
		 
		 .fadeLogo {
            -webkit-animation-name: fadeLogo;
            animation-name: fadeLogo;
         }
		 
		 .one {
		-webkit-animation-delay: 1s;
		-moz-animation-delay: 1s;
		animation-delay: 1s;
		 }

		 .two {
		-webkit-animation-delay: 3s;
		-moz-animation-delay: 3s;
		animation-delay: 3s;
		 }			 
}

body div.center{
margin: 0 auto;float: none;
}

h2{
	font-family: Arial;
	font-weight: bold;
}
form div.center{
padding:10px; 
}



div.menud:hover {
opacity:1;
}

a:link 
{ 
 text-decoration:none; 
}

div.principal {

padding-top:100px; 

}

a div.menud {

border:transparent;

}


div.figure {
  float: right;
  width: 30%;
  margin: 0.5em;
  padding: 0.5em;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
}

.grid{
	font-family:Sans-serif;
	font-style: italic;
	color:white;
	font-weight: bold;
	
}
hr#footer {
	border-width: 1px;
	width:80%;
}